<%@page contentType="text/html" %>
<%@page pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>

<head>
    <title>修改密码</title>
    <link rel="stylesheet" type="text/css" href="css/ll.css"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <style>
        .revise_content {
            text-align: center;
            width: 750px;
            height: 520px;
            margin: 0 auto;
            margin-top: 80px;
        }

        input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0px 1000px white inset !important;
        }

        input:focus {
            outline: 0;
            background-image: #eeeeee !important;
            background: #eeeeee !important;
        }

        .revise_content div:nth-of-type(1) {
            font-size: 58px;
            color: #3873ea;
            margin-bottom: 20px;
        }

        .revise_content div:nth-of-type(2),
        .revise_content div:nth-of-type(3),
        .revise_content div:nth-of-type(4) {
            background: #eeeeee;
            height: 90px;
            width: 700px;
            border: 1px black solid;
            border-radius: 15px;
            text-align: left;
            font-size: 24px;
            margin-bottom: 60px;
            padding-left: 50px;
        }

        .revise_input {
            width: 70%;
            background-image: #eeeeee !important;
            background: #eeeeee !important;
            border: 1px solid #eeeeee;
            font-size: 14px;
            color: #333;
            border-radius: 17px;
            padding-left: 30px;
            text-align: left;
            height: 80px;
            font-size: 24px;
            display: inline-block;
        }

        span {
            width: 100px;
            display: inline-block;
        }

        .ensure,
        .return {
            width: 350px;
            height: 90px;
        }

        .ensure {
            background: #3873ea;
            border-radius: 20px;
            font-size: 44px;
            float: left;
            color: white;
        }

        .return {
            background: white;
            border-radius: 20px;
            font-size: 44px;
            color: black;
            border: black 1px solid;
            float: right;
        }

        .span-span {
            position: absolute;
            height: 90px;
            margin-left: 100px;
            line-height: 3.5;
            display: none;
            width: 240px;
            color: red;
        }
    </style>
</head>

<body>
<div class="header">
    <div class="header_left">商户管理平台</div>
    <div class="header_right">
        <div class="header_right_user" style="margin-right: 20px;"></div>
        <!--<div class="header_right_user">欢迎 1234567 登录商户管理平台</div>-->
        <div style="padding-right: 20px;">
            <%= (new java.util.Date()).toLocaleString()%>
        </div>
    </div>
</div>
<div class="revise_content">
    <div>修改密码</div>
    <div><span>原始密码</span>
        <input type="text" autocomplete="off" id="old" class="revise_input" placeholder=""/>
        <span id="empty_old" class="  span-span">原始密码不能为空!</span>
    </div>
    <div><span>新密码</span>
        <input type="text" autocomplete="off" id="new" class="revise_input" placeholder=""/>
        <span id="empty_new" class="  span-span">新密码不能为空！</span>

    </div>
    <div><span>确认密码</span>
        <input type="text" autocomplete="off" id="newa" class="revise_input" placeholder=""/>
        <span id="empty_newa" class="  span-span">确认密码不能为空！</span>
        <span id="atypism" class="span-span">密码不一致！</span>

    </div>
    <button onclick="revise()" class="ensure">确 &nbsp;&nbsp;定</button>
    <button onclick="re()" class="return">返 &nbsp;&nbsp;回</button>

</div>
<script src="js/jq172.js" type="text/javascript" charset="utf-8"></script>
<script src="js/MD5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/revise.js" type="text/javascript" charset="utf-8"></script>

</body>

</html>